<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
  <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
  <meta charset="UTF-8">
  <meta name="baidu-site-verification" content="79bZQUEI5o"/>
  <title>润物细无声</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" th:href="@{/css/stars.css}">
  <script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js"></script>
</head>
<style>
  html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  #main, #sky {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }

</style>
<script type="text/javascript">
  $(function () {

    $("#main").click(function () {
      $(location).attr("href", $(location).attr("href") + "index");
    });
    var i = 5;
    var $go_index = $("#go_index");

    setTimeout(show1, 0);

    var a = setInterval(countDown, 1000);

    function show1() {
      $("#text").fadeIn(3000);
      $("#span").fadeIn(1000);
      setTimeout(hide1, 2000);
    }

    function hide1() {
      $("#text").fadeOut(5000);
    }

    function countDown() {
      if (i > 0) {
        $go_index.html(i);
        i--;
      } else {
        clearInterval(a);
        $(location).attr("href", $(location).attr("href") + "index");
      }
    }
  });
</script>
<body>
<div id="main" class="container-fluid">

  <div id="sky">
    <div id="stars"></div>
    <div id="stars2"></div>
    <div id="title">
      <div id="text" style="display: none">只有通过别人的眼睛，<br>才能真正地了解自己。<br></div>
      <span id="span" style="display: none"><a href="index" id="go_index">5</a></span>
    </div>
    <div id="stars3"></div>
  </div>
</div>

</body>
</html>